---
interface Props {}

const {} = Astro.props;

const currentYear = new Date().getFullYear();
---

<footer
  class="w-full py-6 px-4 bg-gray-50 dark:bg-dark-bg border-t border-gray-200 dark:border-gray-800 mt-auto"
>
  <div
    class="max-w-7xl mx-auto flex flex-col items-center justify-center space-y-4"
  >
    <div
      class="text-sm text-gray-500 dark:text-gray-500 font-light flex flex-wrap items-center justify-center gap-2"
    >
      <a
        href="https://blog.lsy22.com"
        class="hover:text-primary-600 dark:hover:text-primary-400"
      >
        © {currentYear} New Echoes. All rights reserved.
      </a>
      <span
        aria-hidden="true"
        class="hidden sm:inline"
        >·</span
      >
      <a
        href="/sitemap.xml"
        target="_blank"
        rel="noopener noreferrer"
        class="hover:text-primary-600 dark:hover:text-primary-400"
        aria-label="网站地图"
      >
        Sitemap
      </a>
      <span
        aria-hidden="true"
        class="hidden sm:inline"
        >·</span
      >
      <a
        href="/rss.xml"
        target="_blank"
        rel="noopener noreferrer"
        class="hover:text-primary-600 dark:hover:text-primary-400"
        aria-label="RSS订阅"
      >
        RSS
      </a>
    </div>
    
    <!-- ICP备案信息 -->
    <div class="flex items-center justify-center space-x-2 text-sm text-gray-500 dark:text-gray-400">
      <img 
        src="/images/national.png" 
        alt="备案图标" 
        class="w-4 h-4"
      />
      <a 
        href="https://beian.miit.gov.cn/" 
        target="_blank" 
        rel="noopener noreferrer"
        class="hover:text-primary-600 dark:hover:text-primary-400 transition-colors"
      >
        冀ICP备2023042333号-1
      </a>
    </div>
  </div>
</footer>
